1.My Personal Site
Among this week's tasks, we were asked to design a personal website, which will serve as evidence of the work carried out during the academy; this using a tool called Git.
The first thing we did was work with basic code to familiarize ourselves with this type of work, later we installed the corresponding programs for this task and accessed the Git Lab link where our repository would be deposited, to learn a little about its use and also to clone our codes and templates from the suggested website.
In college I learned a little about web page design, but I didn't use it much and I forgot, so I had to start over, fortunately I have good instructors who have supported me with doubts and more tools to facilitate and speed up the work, So getting down to business, the first thing I did was clone the codes and templates provided by the academy and our instructors.
Next, I reviewed the code, looked at the elements that made it up, the labels, styles and other elements to know how I could use them in a useful way for this project, eliminating code that I did not use at the moment or that I did not like.
To add social media icons, download the icons that I liked the most from iconMoon and add them to each of the necessary parts of my website.
I should have learned to use GIT, but what the hell is it?
Git is a Distributed Version Control System (DVCS) used to save different versions of a file (or set of files) so that any version is retrievable whenever you want.
Git also makes it easy to check in and compare different versions of a file. This means that details about what changed, who changed what, or who initiated a proposal can be reviewed at any time. As I progressed in editing the page I found more functions that made me investigate a little more about the codes and how to edit them, I played a little more with the styles and visually experienced each effect related to the change made.
This Version Control System (VCS) refers to the method used to save reliable and collaborative versions of a file for future reference.
To get the best out of Git, it's important to understand how Git manages your files.
File states in Git
In Git there are three primary stages (conditions) that a file can be in: modified state, prepared state, or committed state.
• Modified status
A file in the modified state is a reviewed – but not committed (unchecked) file. In other words, files in the modified state are files that you have modified, but have not explicitly instructed Git to check.
• Ready state
Files in the prepared stage are modified files that have been selected – in their current state (version) – and are being prepared to be saved (committed) to the repository. git during the next commit snapshot. Once the file is prepared it implies that you have explicitly authorized Git to version control that file.
• Confirmed status
Files in the committed state are files that have been saved to the repository. git successfully. Therefore, a committed file is a file for which you have checked in its staged version to the Git directory (folder).
In my case I am using Git Hub Desktop and the window looks like this.
As I progressed in editing the page I found more functions that made me investigate a little more about the codes and how to edit them, I played a little more with the styles and visually experienced each effect related to the change made.
During the creation of the page I was able to solve the basic design things, thanks to the template, until I had to relate it to Git, I don't know why, but when we got to this part many things happened to me, from not being able to register, until Once my files are up, they will not stay where they were going or files that I had just edited will be deleted.
It was also a little difficult for me to control the weight of the changes, I had to take into account that between each refresh I gave I had to make sure that the weight did not exceed what was allowed, since being very heavy it did not upload and I had to cancel some files, so when When uploaded online, there was a big difference between the page on the computer and the one on the Internet.
But thanks to the help of my instructor Alberto I found the mistakes I had made when uploading my repository to git and making the corrections, things still happened such as styles or other parts being unlinked, but nothing that could not be solved.
Code Example
Useful links
- Example link to page on this website
- W3 HTML schools (open in new window)
- GitLab Pages examples
- Fab Foundation
- Fab Academy
- Fab Lab Puebla